<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>代驾APP后台管理系统</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/font-awesome.css"><!-- 右键菜单需要用到的图标 -->
    <link rel="stylesheet" href="css/btn-circle.css">
    <link rel="stylesheet" href="css/webhead.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/operate.css">
    <link rel="stylesheet" href="css/manage.css">
    <link rel="icon" type="image/png" href="img/favicon/cloud.png" sizes="16x16">

    <style>
        .breadcrumb > li + li:before {
            content: "> ";
        }
        /* 右键菜单 */
        .right-click-menu > a {
            color: #337ab7 !important;
            font-size: 17px !important;
        }

    </style>
</head>
<body>
<div class="row layout-header">
    <!-- LOGO -->
    <a class="logo-button">
            <span style="display: inline-block">
                <span class="text-logo" style="width: auto">代驾APP</span>
            </span>
    </a>
    <!--后台管理系统-->
    <span class="span-head" style="color: #337ab7;font-weight: bold">
            后台管理系统
    </span>

</div>
<!-- end of header -->

<!--后台管理系统的主体-->
<div class="row layout-body" id="main_view_manage" style="display: none;">
    <!--左侧边栏-->
    <div class="col-xs-2 layout-body-left">
        <!-- 导航栏 -->
        <div class="layout-nav">
            <ul class="nav nav-pills nav-stacked text-class">
                <li role="presentation"><a data-toggle="pill" href="#all" id="manage_customer">
                    乘客信息管理
                </a></li>
                <li role="presentation"><a data-toggle="pill" href="#all" id="manage_driver">
                    司机信息管理
                </a></li>
                <li role="presentation"><a data-toggle="pill" href="#all" id="manage-all-order">
                    全部订单管理
                </a></li>
                <li role="presentation"><a data-toggle="pill" href="#all" id="manage-customer-order">
                    乘客订单管理
                </a></li>
                <li role="presentation"><a data-toggle="pill" href="#all" id="manage-driver-order">
                    司机订单管理
                </a></li>
            </ul>
        </div>
    </div><!-- end of left-body -->
    <!--中心内容-->
    <div class="col-xs-10 layout-body-content">
        <div class="tab-content" id="main_view">
            <!--显示乘客信息-->
            <div id="show-customer-info" class="tab-pane">
                <div id="show-operate-list">
                    <!--选择框-->
                    <!--搜索框-->
                    <div class="cols-find-resources" style="width: 25%;display: inline-block" >
                        <div class="input-group stylish-input-group" style="height: 34px;" id="find_search_control">
                            <input type="text" style="height: 34px;" class="form-control" autocomplete="off" placeholder="输入手机号"/>
                            <!--隐藏的密码输入框-->
                            <input type="password" autocomplete="new-password" style="display: none"/>
                            <span class="input-group-addon" style="height: 34px;" id="search_customer">
                                搜索
                            </span>
                        </div>
                    </div>
                    <!--导入乘客信息-->
                    <button class="btn btn-default button-change"
                            style="float: right;margin-top: 11px;margin-right: 5%;" id="add-customer">
                        添加乘客
                    </button>

                </div>
                <br/>
                <br/>
                <br/>
                <!--显示用户信息列表，为每一列数据关联一个删除、修改按钮-->
                <div class="panel panel-default" id="show-customer-list" style="margin-right: 5%;margin-left: 2%;">
                    <div class="panel-heading">乘客信息</div>
                    <table class="table" id="customer_info_table">
                        <th>姓名</th><th>账号</th><th>密码</th>
                        <th>电话</th><th>账户余额</th><th>订单数</th><th>注册时间</th><th>操作栏</th>

                        <!--<tr customer-id="1">-->
                        <!--<td>李四</td><td>15223111234</td><td>123456</td>-->
                        <!--<td>15223111234</td><td>50.5</td><td>12</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-default delete-item">删除</button>-->
                        <!--<button type="button" class="btn btn-success change-item">修改</button>-->
                        <!--<button type="button" class="btn btn-info reset-item">重置密码</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
            </div>
            <!--显示司机信息-->
            <div id="show-driver-info" class="tab-pane">
                <div id="show-driver-operate-list">
                    <!--搜索框-->
                    <div class="cols-find-resources" style="width: 25%;display: inline-block" >
                        <div class="input-group stylish-input-group" style="height: 34px;" id="find-driver-search">
                            <input type="text" style="height: 34px;" class="form-control" autocomplete="off" placeholder="输入手机号"/>
                            <!--隐藏的密码输入框-->
                            <input type="password" autocomplete="new-password" style="display: none"/>
                            <span class="input-group-addon" style="height: 34px;" id="search-driver">
                                搜索
                            </span>
                        </div>
                    </div>
                    <!--右侧按钮组-->
                    <div class="btn-group" role="group" aria-label="..."
                         style="float: right;margin-top: 11px;margin-right: 5%;" >
                        <!--导入乘客信息-->
                        <button class="btn btn-default button-change" id="add-driver">
                            添加司机
                        </button>
                    </div>
                </div>
                <br/>
                <br/>
                <br/>
                <!--显示用户信息列表，为每一列数据关联一个删除、修改按钮-->
                <div class="panel panel-default" id="show-driver-list" style="margin-right: 5%;margin-left: 2%;">
                    <div class="panel-heading">司机信息</div>
                    <table class="table" id="driver_info_table">
                        <!--<th>身份证号</th><td>500112200001026355</td><th>驾照编号</th>-->
                        <th>姓名</th><th>账号</th><th>密码</th>
                        <th>电话</th><th>司机状态</th><th>账户余额</th>
                        <th>订单数</th><th>评分</th><th>注册时间</th><th>操作栏</th>
                        <!--<tr customer-id="1">-->
                        <!--<td>张三</td><td>15223114521</td><td>123456</td>-->
                        <!--<td>500301235123</td><td>15223111234</td><td>0</td><td>12</td>-->
                        <!--<td>11</td><td>3.5</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-default delete-item">删除</button>-->
                        <!--<button type="button" class="btn btn-success change-item">修改</button>-->
                        <!--<button type="button" class="btn btn-info reset-item">重置密码</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
            </div>
            <!--全部订单管理界面-->
            <div id="show-all-order-info" class="tab-pane">
                <div id="show-all-order-operate-list">
                    <!--左侧按钮组-->
                    <div class="btn-group" role="group" aria-label="..."
                         style="float: left;margin-top: 11px;margin-left: 2%;" >
                        <!--选择日期-->
                        <button class="btn btn-default button-change" style="padding: 3px 10px;">
                            <input id="order-date-all" type="date" value="2020-05-24"/>
                        </button>
                        <!--查询已完成订单-->
                        <button class="btn btn-default button-change" id="search-finished-order">
                            已完成订单
                        </button>
                        <!--查询进行中订单-->
                        <button class="btn btn-default button-change" id="search-order-doing">
                            进行中订单
                        </button>
                        <!--查询新下单订单-->
                        <button class="btn btn-default button-change" id="search-order-new">
                            新下单订单
                        </button>
                    </div>
                </div>
                <br/>
                <br/>
                <br/>
                <!--显示用户信息列表，为每一列数据关联一个删除、修改按钮-->
                <!--已完成订单-->
                <div class="panel panel-default" id="show-finished-order-list"
                     style="margin-right: 5%;margin-left: 2%;display: none;">
                    <div class="panel-heading">已完成订单信息</div>
                    <table class="table" id="finished-order-info-table">
                        <!--<th>身份证号</th><td>500112200001026355</td>-->
                        <th>订单ID</th><th>起点</th><th>目的地</th><th>距离(km)</th>
                        <th>金额(元)</th><th>完成时间</th><th>操作栏</th>
                        <!--<tr customer-id="1">-->
                        <!--<td>1</td><td>重庆大学A区中门</td><td>重庆大学虎溪校区</td><td>33.3</td>-->
                        <!--<td>40.5</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-default finish-order-delete">删除</button>-->
                        <!--<button type="button" class="btn btn-success finish-order-trace">订单轨迹</button>-->
                        <!--<button type="button" class="btn btn-info finish-order-detail">订单详情</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
                <!--进行中订单-->
                <div class="panel panel-default" id="show-doing-order-list"
                     style="margin-right: 5%;margin-left: 2%;display: none;">
                    <div class="panel-heading">已接单订单信息</div>
                    <table class="table" id="doing-order-info-table">
                        <!--<th>身份证号</th><td>500112200001026355</td>-->
                        <th>订单ID</th><th>起点</th><th>目的地</th><th>距离(km)</th>
                        <th>金额(元)</th><th>接单时间</th><th>操作栏</th>
                        <!--<tr customer-id="1">-->
                        <!--<td>1</td><td>重庆大学A区中门</td><td>重庆大学虎溪校区</td><td>33.3</td>-->
                        <!--<td>40.5</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-info doing-order-detail">订单详情</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
                <!--新下单订单-->
                <div class="panel panel-default" id="show-new-order-list"
                     style="margin-right: 5%;margin-left: 2%;display: none;">
                    <div class="panel-heading">新下单订单信息</div>
                    <table class="table" id="new-order-info-table">
                        <!--<th>身份证号</th><td>500112200001026355</td>-->
                        <th>订单ID</th><th>起点</th><th>目的地</th><th>距离(km)</th>
                        <th>金额(元)</th><th>下单时间</th><th>操作栏</th>
                        <!--<tr customer-id="1">-->
                        <!--<td>1</td><td>重庆大学A区中门</td><td>重庆大学虎溪校区</td><td>33.3</td>-->
                        <!--<td>40.5</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-info new-order-detail">订单详情</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
            </div>
            <!--乘客订单管理界面-->
            <div id="show-customer-order-info" class="tab-pane">
                <div id="show-customer-order-operate-list">
                    <!--选择框-->
                    <!--选择日期-->
                    <button class="btn btn-default button-change"
                            style="float: left;margin-top:1%;margin-left: 2%;padding: 3px 10px;">
                        <input id="order-date-customer" type="date" value="2020-05-24"/>
                    </button>
                    <!--搜索框-->
                    <div class="cols-find-resources" style="margin-left: 1%;width: 45%;display: inline-block" >
                        <div class="input-group stylish-input-group" style="height: 34px;" id="find-customer-order">
                            <input type="text" style="height: 34px;" class="form-control" autocomplete="off" placeholder="输入乘客手机号"/>
                            <!--隐藏的密码输入框-->
                            <input type="password" autocomplete="new-password" style="display: none"/>
                            <span class="input-group-addon" style="height: 34px;" id="search-customer-finished-order">
                                已完成订单
                            </span>
                            <span class="input-group-addon" style="height: 34px;" id="search-customer-doing-order">
                                进行中订单
                            </span>
                            <span class="input-group-addon" style="height: 34px;" id="search-customer-new-order">
                                新下单订单
                            </span>
                        </div>
                    </div>
                </div>
                <br/>
                <br/>
                <br/>
                <!--显示用户信息列表，为每一列数据关联一个删除、修改按钮-->
                <!--已完成订单-->
                <div class="panel panel-default" id="show-customer-finished-order-list"
                     style="margin-right: 5%;margin-left: 2%;display: none;">
                    <div class="panel-heading">已完成订单信息</div>
                    <table class="table" id="customer-finished-order-info-table">
                        <!--<th>身份证号</th><td>500112200001026355</td>-->
                        <th>订单ID</th><th>起点</th><th>目的地</th><th>距离(km)</th>
                        <th>金额(元)</th><th>完成时间</th><th>操作栏</th>
                        <!--<tr customer-name="张三" phone="15223112345" driver-name="李四"-->
                        <!--create-time="2020-05-12" get-time="2020-05-13">-->
                        <!--<td>1</td><td>重庆大学A区中门</td><td>重庆大学虎溪校区</td><td>33.3</td>-->
                        <!--<td>40.5</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-default finish-order-delete">删除</button>-->
                        <!--<button type="button" class="btn btn-success finish-order-trace">订单轨迹</button>-->
                        <!--<button type="button" class="btn btn-info finish-order-detail">订单详情</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
                <!--已接单订单-->
                <div class="panel panel-default" id="show-customer-doing-order-list"
                     style="margin-right: 5%;margin-left: 2%;display: none;">
                    <div class="panel-heading">已接单订单信息</div>
                    <table class="table" id="customer-doing-order-info-table">
                        <!--<th>身份证号</th><td>500112200001026355</td>-->
                        <th>订单ID</th><th>起点</th><th>目的地</th><th>距离(km)</th>
                        <th>金额(元)</th><th>接单时间</th><th>操作栏</th>
                        <!--<tr customer-name="张三" phone="15223112345" driver-name="李四">-->
                        <!--<td>1</td><td>重庆大学A区中门</td><td>重庆大学虎溪校区</td><td>33.3</td>-->
                        <!--<td>40.5</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-info doing-order-detail">订单详情</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
                <!--新下单订单-->
                <div class="panel panel-default" id="show-customer-new-order-list"
                     style="margin-right: 5%;margin-left: 2%;display: none;">
                    <div class="panel-heading">新下单订单信息</div>
                    <table class="table" id="customer-new-order-info-table">
                        <!--<th>身份证号</th><td>500112200001026355</td>-->
                        <th>订单ID</th><th>起点</th><th>目的地</th><th>距离(km)</th>
                        <th>金额(元)</th><th>下单时间</th><th>操作栏</th>
                        <!--<tr customer-name="张三" phone="15223112345">-->
                        <!--<td>1</td><td>重庆大学A区中门</td><td>重庆大学虎溪校区</td><td>33.3</td>-->
                        <!--<td>40.5</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-info new-order-detail">订单详情</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
            </div>
            <!--司机订单管理界面-->
            <div id="show-driver-order-info" class="tab-pane">
                <div id="show-driver-order-operate-list">
                    <!--选择框-->
                    <!--选择日期-->
                    <button class="btn btn-default button-change"
                            style="float: left;margin-top:1%;margin-left: 2%;padding: 3px 10px;">
                        <input id="order-date-driver" type="date" value="2020-05-24"/>
                    </button>
                    <!--搜索框-->
                    <div class="cols-find-resources" style="margin-left: 1%;width: 35%;display: inline-block" >
                        <div class="input-group stylish-input-group" style="height: 34px;" id="find-driver-order">
                            <input type="text" style="height: 34px;" class="form-control" autocomplete="off" placeholder="输入司机手机号"/>
                            <!--隐藏的密码输入框-->
                            <input type="password" autocomplete="new-password" style="display: none"/>
                            <span class="input-group-addon" style="height: 34px;" id="search-driver-finished-order">
                                已完成订单
                            </span>
                            <span class="input-group-addon" style="height: 34px;" id="search-driver-doing-order">
                                进行中订单
                            </span>
                        </div>
                    </div>
                </div>
                <br/>
                <br/>
                <br/>
                <!--显示用户信息列表，为每一列数据关联一个删除、修改按钮-->
                <!--已完成订单-->
                <div class="panel panel-default" id="show-driver-finished-order-list"
                     style="margin-right: 5%;margin-left: 2%;display: none;">
                    <div class="panel-heading">已完成订单信息</div>
                    <table class="table" id="driver-finished-order-info-table">
                        <!--<th>身份证号</th><td>500112200001026355</td>-->
                        <th>订单ID</th><th>起点</th><th>目的地</th><th>距离(km)</th>
                        <th>金额(元)</th><th>完成时间</th><th>操作栏</th>
                        <!--<tr order-id="1">-->
                        <!--<td>1</td><td>重庆大学A区中门</td><td>重庆大学虎溪校区</td><td>33.3</td>-->
                        <!--<td>40.5</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-default finish-order-delete">删除</button>-->
                        <!--<button type="button" class="btn btn-success finish-order-trace">订单轨迹</button>-->
                        <!--<button type="button" class="btn btn-info finish-order-detail">订单详情</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
                <!--已接单订单-->
                <div class="panel panel-default" id="show-driver-doing-order-list"
                     style="margin-right: 5%;margin-left: 2%;display: none;">
                    <div class="panel-heading">已接单订单信息</div>
                    <table class="table" id="driver-doing-order-info-table">
                        <!--<th>身份证号</th><td>500112200001026355</td>-->
                        <th>订单ID</th><th>起点</th><th>目的地</th><th>距离(km)</th>
                        <th>金额(元)</th><th>接单时间</th><th>操作栏</th>
                        <!--<tr order-id="1">-->
                        <!--<td>1</td><td>重庆大学A区中门</td><td>重庆大学虎溪校区</td><td>33.3</td>-->
                        <!--<td>40.5</td><td>2020-05-23</td>-->
                        <!--<td>-->
                        <!--<button type="button" class="btn btn-info doing-order-detail">订单详情</button>-->
                        <!--</td>-->
                        <!--</tr>-->
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!--司机信息修改框-->
<div class="modal fade" id="driver-change" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    您正在修改司机信息
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="driver-name">姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="" id="driver-name">
                        </div>
                    </div>
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="driver-phone">手机号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="" id="driver-phone">
                        </div>
                    </div>
                    <fieldset disabled>
                        <div class="form-group">
                            <label for="disabled-driver-time" class="col-sm-2 control-label">注册时间</label>
                            <div class="col-sm-10">
                                <input type="text" id="disabled-driver-time" class="form-control" placeholder="">
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="driver-change-finish">提交</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--添加司机信息-->
<div class="modal fade" id="driver-register" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    您正在添加司机信息
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="driver-register-name">姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="请输入姓名" id="driver-register-name">
                        </div>
                    </div>
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="driver-register-phone">手机号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="请输入11位手机号" id="driver-register-phone">
                        </div>
                    </div>
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="driver-register-Idcard">身份证号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="请输入身份证号" id="driver-register-Idcard">
                        </div>
                    </div>
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="driver-register-card">驾照编号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="请输入驾照编号" id="driver-register-card">
                        </div>
                    </div>
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="driver-register-password1">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" placeholder="请输入密码" id="driver-register-password1">
                        </div>
                    </div>
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="driver-register-password2">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" placeholder="请再次输入密码" id="driver-register-password2">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="driver-register-finish">提交</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--添加乘客模态框-->
<div class="modal fade" id="customer-register" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    您正在添加乘客信息
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="customer-register-name">姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="请输入姓名" id="customer-register-name">
                        </div>
                    </div>
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="customer-register-phone">手机号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="请输入11位手机号" id="customer-register-phone">
                        </div>
                    </div>
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="customer-register-password1">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" placeholder="请输入密码" id="customer-register-password1">
                        </div>
                    </div>
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="customer-register-password2">密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" placeholder="请再次输入密码" id="customer-register-password2">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="customer-register-finish">提交</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--乘客信息修改模态框-->
<div class="modal fade" id="customer-change" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    您正在修改乘客信息
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="customer-name">姓名</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="" id="customer-name">
                        </div>
                    </div>

                    <div class="form-group has-success">
                        <label class="col-sm-2 control-label" for="customer-phone">手机号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" placeholder="" id="customer-phone">
                        </div>
                    </div>
                    <fieldset disabled>
                        <div class="form-group">
                            <label for="disabled_time" class="col-sm-2 control-label">注册时间</label>
                            <div class="col-sm-10">
                                <input type="text" id="disabled_time" class="form-control" placeholder="">
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="customer-change-finish">提交</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<!--新下单订单详情框-->
<div class="modal fade" id="new-order-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    乘客新建订单详情
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <fieldset disabled>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-new-order-id">订单ID</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-new-order-id">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-new-order-customer-name">乘客姓名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="table-new-order-customer-name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-new-order-customer-phone">手机号</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-new-order-customer-phone">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-new-order-startPoint">起点</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-new-order-startPoint">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-new-order-destination">目的地</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-new-order-destination">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-new-order-distance">距离</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-new-order-distance">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-new-order-price">价格</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-new-order-price">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-new-order-time">下单时间</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-new-order-time">
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--已接单订单详情框-->
<div class="modal fade" id="doing-order-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    已接单订单详情
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <fieldset disabled>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-get-order-id">订单ID</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-get-order-id">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-get-order-customer-name">乘客姓名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="table-get-order-customer-name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-get-order-customer-phone">手机号</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-get-order-customer-phone">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-get-order-driver-name">司机姓名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="table-get-order-driver-name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-get-order-startPoint">起点</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-get-order-startPoint">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-get-order-destination">目的地</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-get-order-destination">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-get-order-distance">距离</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-get-order-distance">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-get-order-price">价格</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-get-order-price">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-get-order-time">接单时间</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-get-order-time">
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--已完成订单详情框-->
<div class="modal fade" id="finished-order-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    已完成订单详情
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <fieldset disabled>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-finished-order-id">订单ID</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-finished-order-id">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-finished-order-customer-name">乘客姓名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="table-finished-order-customer-name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-finished-order-customer-phone">手机号</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-finished-order-customer-phone">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-finished-order-driver-name">司机姓名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="table-finished-order-driver-name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-finished-order-startPoint">起点</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-finished-order-startPoint">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-finished-order-destination">目的地</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-finished-order-destination">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-finished-order-distance">距离</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-finished-order-distance">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-finished-order-price">价格</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-finished-order-price">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-finished-order-time">完成时间</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-finished-order-time">
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--订单轨迹框-->
<div class="modal fade " id="order-trace-info" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    订单轨迹
                </h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <fieldset disabled>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-order-create-time">乘客下单时间</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-order-create-time">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-order-get-time">司机接单时间</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-order-get-time">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label" for="table-order-finished-time">乘客确认订单完成时间</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control"  id="table-order-finished-time">
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 警告模态框 -->
<div class="modal fade bs-example-modal-sm" id="warnModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">错误信息提示</h4>
            </div>
            <div class="modal-body">
                <p style="color: #d43f3a;font-weight: bold;" id="warnMessage"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>

<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.cookie.js"></script>

<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.ui.widget.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/BootstrapMenu.min.js"></script>
<script src="js/util.js"></script>
<script src="js/warn/alter.js"></script>
<!--后台管理-->
<script src="js/manage/manage-file-system.js"></script>
<script src="js/manage/customer-operate.js"></script>
<script src="js/manage/driver-operate.js"></script>
<script src="js/manage/customer-order-operate.js"></script>
<script src="js/manage/driver-order-operate.js"></script>
<script src="js/manage/all-order-operate.js"></script>

<script type="text/javascript">
    /* 禁用默认的右键菜单 */
    document.oncontextmenu = function () {
        return false;
    };
    $(function () {
        $("#main_view_manage").show();
        //初始化当前日期
        var time = new Date();
        var day = ("0" + time.getDate()).slice(-2);
        var month = ("0" + (time.getMonth() + 1)).slice(-2);
        var today = time.getFullYear() + "-" + (month) + "-" + (day);
        $('#order-date-driver').val(today);
        $('#order-date-customer').val(today);
        $('#order-date-all').val(today);

    });
</script>

</body>
</html>